<%--
  Created by IntelliJ IDEA.
  User: 拔刀只为一人
  Date: 2023-06-28
  Time: 14:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>会员介绍页面</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/admin.css">
    <script src="../layui/layui.js"></script>
    <script src="../js/admin.js"></script>
    <link rel="stylesheet" href="../css/lg.css">
    <style>
        *{
            padding: 0px;
            margin: 0px;
        }
        #mc{
            font-weight: bold;
        }
        .parent-div {
            position: relative;
            height: 300px;
        }

        .child-div {
            position: absolute;
            top: 50%;
            left: 8%;
            transform: translate(-50%, -50%);
            z-index: 1;
        }
        .child-li {
            position: absolute;
            top: 50%;
            left: 90%;
            transform: translate(-50%, -50%);
            z-index: 1;
        }
        .child-li-bj {
            position: absolute;
            top: 50%;
            left: 80%;
            transform: translate(-50%, -50%);
            z-index: 1;
        }
        .ellipse-border {
            background-color: #01aaed;
            width: 600px;
            height: 300px;
            border-radius: 40px;
        }
    </style>
</head>
<body>
<div style="width: 100%;height: 50px" class="parent-div">
    <img src="../images/lg/hotellg.png" style="height: 48px;">
    <div class="child-div"><p style="font-size: 35px;font-family: 宋体">Catton</p></div>
    <div class="child-li">
        <li class="layui-nav-item">
            <a href="javascript:;" style="color: black">
                <img src="../images/admin/default.jpg" class="layui-nav-img">
                您好:lisi
            </a>
        </li>
    </div>
</div>
<div class="parent-div" style="width: 100%;height: 300px;">
    <div>
        <p style="font-size: 100px;font-family: 华文中宋;color: darkblue;padding-top: 65px">欢迎您成为会员</p>
    </div>
    <div class="child-li-bj">
        <a href="#" style="color: #01aaed;font-size: 20px">查看并编辑你的个人信息</a>
    </div>
</div>
<div class="parent-div" style="border: black solid 1px">
    <div  class="ellipse-border">
        <p style="font-size: 50px;font-family: 华文中宋;color: darkblue;padding-top: 65px">安全设置</p>
    </div>
</div>
</body>
</html>
